<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>

<body>

  <h1>我是一个也页面</h1>

  <!-- <script>
    import { getHellow } from './moduleA.js';
    console.log(1)
    console.log(`🚀 => getHellow:`, getHellow)

    getHellow();
  </script> -->
  <!-- 
    这里会报错： Uncaught SyntaxError: Cannot use import statement outside a module 
  -->

  <!-- <script type="module" src="./moduleA.js"></script> -->
  <!-- 
    这里会报错：
      Access to script at xxx文件地址 from origin 'null' has been blocked by CORS policy: Cross origin requests are only supported for protocol schemes: http, data, isolated-app, chrome-extension, chrome, https, chrome-untrusted
  -->

  <script src="./moduleA.js">
    // 作为模块使用时 标签内写的内容不会生效
    console.log(111111111111)
  </script>
</body>

</html>